<template>
    <div>
      <div class="btn" @click="textClick">
       <div class="loginbtn">{{btntext}}</div>
      </div>
    </div>
</template>

<script>
    export default {
        props:[
          'btntext'
        ],
      methods:{
        textClick(){
          this.$emit("textClick")
        }
      }
    }
</script>

<style scoped>
  .btn{
    padding: 40px;
  }
.loginbtn{
  height: 12vw;
  background-color: #ff9db5;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13.33vw;
}
</style>
